const express = require('express');
const path = require('path');
const fs = require('fs');
let app=express();
app.listen(3000);


// 1、下载ejs模板引擎
// 2、设置模板引擎（view engine）
// app.set("view engine",模板引擎  )
app.set("view engine","ejs"  )

// views视图文件夹 设置为==》path.join(__dirname,"./html")
app.set("views", path.join(__dirname,"./html") )


// 3、把views里面的html文件改为ejs文件



app.get("/index",(req,res)=>{

    // 数据
    let indexdata=JSON.parse(fs.readFileSync(path.join(__dirname,"./data/index.json"),"utf-8" ))


    // 4、渲染页面及传递数据
    // res.render("ejs文件名称",{数据})

    res.render("index",{indexdata,score:59,obj:{name:'zs',age:18}})   
    // render会自动去找views里面的index.ejs
})




/* 
    ejs文件的语法：

    渲染数据：<%= 值 %>  
             <li> <%=  indexdata[0]   %> </li>

    循环：<%  js语法 %>
         <%    for(let i=0;i<indexdata.length;i++){     %>

            循环体

          <%    }    %>

    判断：
        <p>小明考了<%=score%>分，  <%= score>=60? "及格了" : "没及格" %>   </p> 
        <% if(score>=60){  %>

            <p>小明考了<%=score%>分，及格了 </p>

        <% }else{ %>
            <p>小明考了<%=score%>分，没及格</p>

        <% }  %>

    引入公共部分：<%- include("相对路径")  %>
      
*/

